$(function(){
    var currentPage = 1;
    var pageSize = 5;
    function render(){
        $.ajax({
            url: "/category/queryTopCategoryPaging",
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: "json",
            success: function(result){
                // 渲染数据
                $("tbody").html(template("temp",result));
                // 生成分页
                setPage(result.total);
            }
        });
    }
    render();

    // 设置分页
    function setPage(total){
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: Math.ceil(total/pageSize),//总页数
            onPageClicked: function (event, originalEvent, type, page) {
                // 渲染当前页
                currentPage = page;
                render();
            }
        });
    }

    // 一级分类表单验证
    $("#form").bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        fields: {
            // 字段名称
            categoryName: {
                // 验证规则
                validators: {
                    notEmpty: {
                        message: "一级分类名称不能为空"
                    }
                }
            }
        }
    });

    // 点击按钮添加数据并发送ajax请求
    $(".btn-add").on("click",function(){
        $.ajax({
            url: "/category/addTopCategory",
            type: "post",
            data: $("#form").serialize(),
            dataType: "json",
            success: function(result){
                // 重新渲染第一页
                currentPage = 1;
                render();
                // 隐藏模态框
                $(".btn-adds").modal("hide");
                // 清空表单内容
                $("#form").data('bootstrapValidator').resetForm(true);
            }
        });
    });

});